<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
        <%@  taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="my" uri="/mytag" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
     <link href="AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet" type="text/css" />
    <link href="AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css" />
    <link href="basic/css/demo.css" rel="stylesheet" type="text/css" />
    <link type="text/css" href="css/style.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="css/site-nav.css">
    <link rel="stylesheet" type="text/css" href="css/list.css">
    <script src="js/basevalue.js"></script>
    <script type="text/javascript" src="basic/js/jquery-1.7.min.js"></script>
    <script type="text/javascript" src="AmazeUI-2.4.2/assets/js/amazeui.js"></script>
    <title>list</title>
</head>
    <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<body>
    <!--顶栏-->
    <div class="site-nav">
        <div class="sn-bg"></div>
        <div class="sn-con">
            <p class="sn-home">
                <i class="am-icon-home"></i>
                <a href="index.html">爱购首页</a>
            </p>
            <p class="sn-login-info">
            	<c:if test="${ empty sessionScope.u.nickname }" var="login">
				<span>汪,
					欢迎来到爱购
                </span>
                <span >
                    &nbsp;<a href="login.jsp">请登录</a>
                </span>
                <span class="sn-logout-info">
                  <a href="regist.jsp">免费注册</a>
                </span>            	
            	</c:if>
            	<c:if test="${!login }">
            	  <span>Hi,
                    <a href="">${sessionScope.u.nickname }</a>
                </span>
                <span >
                    <i class="am-icon-comments"></i>&nbsp;消息<a href="">3</a>
                </span>
                <span class="sn-logout-info">
                  <a href="user/logout.do">退出</a>
                </span>
            	</c:if>
            </p>
            <ul class="sn-quick-menu">
                <li class="myiGo">
                    <i class="am-icon-user"></i>
                    <a href="myorders.do">我的爱购</a>
                </li>
                <li class="sn-mybrand">
                    <i class="am-icon-heart"></i>
                    <a href="">我关注的品牌</a>
                </li>
                <li class="sn-cart">
                   <i class="am-icon-shopping-cart"></i>
                    <a href="myshoppingCart.do">购物车</a>
                    <c:set property="${sessionScope.map3 }" var="shoppingcart"></c:set>
                    <span name="count">
                    <c:out value="${fn:length(shoppingcart)}"></c:out>
                    </span>
                    件
                </li>
            </ul>
        </div>
    </div>
    
    <!--标题&搜索-->
    <div class="header">
        <div class="header-con">
            <h1 class="iGologo">
                <a href="">爱购iGo.com</a>
            </h1>
            <div class="search" name="search">
                <form action="searchresult.jsp"  method="get">
                     <input style="display: none" type="text" name="search_kind" value="name" class="search-inp">
                    <input type="text" placeholder="潮女冬季必备" name="key" class="search-inp">
                    <button type="submit" class="search-btn">搜索</button>
                </form>
            </div>
        </div>
    </div>
    
    <hr data-am-widget="divider" style="" class="clear-float-both am-divider am-divider-default" />
	<!--查询条件-->
	<div class="filter">
		<a href="#" class="complex ">综合 <i class="am-icon-long-arrow-down"></i><span class="compare">comprehensive</span></a> 
		<a href="#" class="complex ">销量 <i class="am-icon-long-arrow-down"></i><span class="compare">saleamount</span></a> 
		<a href="#" class="complex ">价格 <i class="am-icon-long-arrow-down"></i><span class="compare">price</span></a>
	</div>


	<!--查询结果列表-->
	<div class="view">
		<c:forEach items="${requestScope.goods.result}" var="item">
			<div class="product">
				<div class="product-wrap">
					<div class="productImg">
						<a href="item.do?productId=${item.productId }" class="productImg-wrap"> 
						<img src="uploads/${item.productImgAdd }" alt="">
						</a>
					</div>
					<p class="productPrice">
						<em title="78.5"> <b>¥</b> ${item.price }
						</em>
					</p>
					<p class="productTitle">
						<a href=""> ${item.productName } </a>
					</p>
					<div class="productShop">
						<a class="productShop-name" href="">${item.saler }</a>
					</div>
					<p class="productStatus">
						<span class="amount">销量 <em>${item.saleAmount }笔</em>
						</span> 
						<span class="wangwang"> 
						<a href=""> 
						<img src="img/icon_wangwang.png" alt="">
						</a>
						</span>
					</p>
				</div>
			</div>
		</c:forEach>
	</div>
<hr data-am-widget="divider" style="" class="clear-float-both am-divider am-divider-default" />
	<!-- 页码标签  记得加个样式哦-->
<div class="pagedevide">
		<ul id="page" class="am-pagination"></ul>
	</div>
</body>
<script src="dist/js/jquery-2.2.4.min.js"></script>
<script type="text/javascript" src="dist/js/jquery-2.2.4.min.js"></script>
<script type="text/javascript" src="dist/js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="js/basevalue.js"></script>
<script type="text/javascript" src="js/cookie_util.js"></script>
<script type="text/javascript" src="js/search.js" charset="utf-8"></script>
</html>